<template>
  <div class="page-index">
    <el-row>
      <el-col :span="5">
        <emenu/>
      </el-col>
      <el-col :span="19">
        <life/>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="24">
        <artistic/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import Emenu from '@/components/index/menu.vue'
import Life from '@/components/index/life.vue'
import Artistic from '@/components/index/artistic.vue'
export default {
  components: {
    Emenu,
    Life,
    Artistic
  }
  // async asyncData() {  //这种方式编译的数据到源代码
  //   let {status, data: {list}} = await axios.get('http://localhost:3000/city/list')
  //   if (status === 200) {
  //     return {
  //       list
  //     }
  //   }
  // },

  //   async mounted() {  //这种方式编译的数据不会到源代码
  //   let self = this
  //   let {status, data: {list}} = await axios.get('http://localhost:3000/city/list')
  //   if (status === 200) {
  //   self.list = list
  //   }
  // }
}
</script>

<style lang="scss">
@import '@/assets/css/index/index.scss';
</style>
